<div class="info-container clearfix">
  <div class="essential-info mt_20 fl">
    <p class="font_24 text-grey pt_30 pl_30">基本信息</p>
    <div class="info-wrap clearfix">
      <div class="img-box fl">
        <img [src]="pensonalInfo.portrait" alt="" id="imgSrc">
        <div class="file-box">
          <span>本地照片</span>
          <form id="fileinfo" enctype="multipart/form-data">
            <input type="file" name="file"
                   accept="image/jpeg,image/png" (change)="handleFile()" id="fileList">
          </form>
        </div>
        <p class="font_14 mt_30">仅支持JPG、PNG格式，文件小于3M</p>
      </div>
      <div class="info-box fr">
        <p>
          <span>姓名</span>
          <span>{{pensonalInfo.name}}</span>
        </p>
        <p>
          <span>性别</span>
          <span *ngIf="pensonalInfo.sex==null||pensonalInfo.sex==0">未知</span>
          <span *ngIf="pensonalInfo.sex==1">
            <i class="wficon-male male-color"></i>&nbsp;&nbsp;&nbsp;男
          </span>
          <span *ngIf="pensonalInfo.sex==2">
            <i class="wficon-female colorRed"></i>&nbsp;&nbsp;&nbsp;女
          </span>
        </p>
        <p>
          <span>手机号</span>
          <span>{{pensonalInfo.username}}</span>
          <span class="colorRed" (click)="modifyTelPhone()">修改</span>
        </p>
        <p>
          <span>密码</span>
          <span class="colorRed" (click)="modifyPassword()">修改密码</span>
        </p>
      </div>
    </div>
  </div>
  <div class="certificate-info mt_20 fr">
    <p class="font_24 text-grey pt_30 pl_30">证件信息</p>
    <div class="info-wrap">
      <div class="idcard">
        <span class="text-grey">身份证号</span>
        <span>{{pensonalInfo.idcard}}</span>
      </div>
      <div class="photo-box">
        <span class="text-grey photo-label">证件照</span>
        <div>
          <p class="mb_10">证件正面照片</p>
          <img [src]="pensonalInfo.idcardFront" alt="">
          <p class="mt_20 mb_10">证件反面照片</p>
          <img [src]="pensonalInfo.idcardBack" alt="">
        </div>
      </div>
    </div>
  </div>
</div>
<app-modify-telphone-modal-view (modalClose)="modalClose"></app-modify-telphone-modal-view>
<app-modify-password-view (modalClose)="modalClose"></app-modify-password-view>
